<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>乐育网_我的班级</title>
        <link rel="stylesheet" href="styles/style1.css" type="text/css" />
        <script type="text/javascript" src="scripts/plugins/jquery.js"></script>
        <script type="text/javascript">
        	$(function(){
        		
        		$('.topbar').hover(function(){
        			if($('.user-menu-drop').css('display')=='none')
        				$('.user-menu-drop').slideDown('fast').show();
        		},function(){
        			$('.user-menu-drop').slideUp('slow');
        		});
        	});
        </script>
    </head>
    <body>
        <div class="header">
        	<div class="container wrap">
        		<div class="logo">
        			<h1>乐育网</h1>
        		</div>
        		<div class="nav">
        			<ul>
		                <li><a href="index.html" title="首页">首页</a></li>
		                <li><a href="#" title="班级">班级</a></li>
		                <li><a href="#" title="群组">群组</a></li>
		                <li><a href="#" title="教学资源">教学资源</a></li>
		                <li><a href="#" title="教学资源">问答广场</a></li>
		            </ul>
        		</div>
        		<div class="topbar">
        			<ul class="user-menu">
			    		<li class="menu-user-head"><img width="32" height="32" src="styles/images/heroicYang.jpg" /></li>
			    		<li class="menu-user-name"><a href="#">heroicYang</a></li>
			    		<li class="menu-message-notice">
			    			<a class="notice-icon-wrap" href="#">
			    				<span class="notice-icon">
			    					<span class="notice-message-count">10</span>
			    				</span>
			    			</a>
			    		</li>
			    		<li class="menu-drop-btn">
			    			<a href="#"></a>
			    		</li>
			    	</ul>
			    	<ul class="user-menu-drop">
			    		<li><a href="myclass.html"><span>我的班级</span></a></li>
			    		<li><a href="#"><span>我的孩子</span></a></li>
			    		<li><a href="mygroup.html"><span>我的群组</span></a></li>
			    		<li class="pr"><a href="#"><span>我的关注</span><span class="umd-item-right">0</span></a></li>
			    		<li class="pr"><a href="#"><span>我的粉丝</span><span class="umd-item-right">0</span></a></li>
			    		<li class="pr"><a href="#"><span>我的积分</span><span class="umd-item-right">0</span></a></li>
			    		<li><a href="#"><span>设置</span></a></li>
			    		<li><a href="#"><span>退出</span></a></li>
			    	</ul>
        		</div>
        	</div>
        </div>
    	<div class="content wrap">
    		<div class="leftwrap">
    			<div class="pr silder-wrap myclass-detail-wrap">
    				<div class="myclass-detail">
    					<div class="myclass-info-bighead">
    						<img src="styles/images/heroicYang.jpg" alt="heroicYang">
    					</div>
    					<div class="myclass-detail-info">
    						<div class="mcd-schoolname"><h2>四川某某某大学</h2></div>
    						<div class="mcd-classname"><h3>2009级28班</h3></div>
    						<div class="mcd-classcreatedate">创建时间：<span>2011年10月20日</span></div>
    						<div class="mcd-class-admin">
    							本班管理员：
    							<a href="#">张三</a>
    							<a href="#">李四</a>
    							<a href="#">王五</a>
    						</div>
    						<div class="mcd-other-info">
    							<ul>
    								<li><a href="#">教师：<span>10</span></a></li>
    								<li><a href="#">家长：<span>30</span></a></li>
    								<li><a href="#">学生：<span>40</span></a></li>
    							</ul>
    						</div>
    					</div>
    					<div class="mcd-create-class">
    						<a class="common-btn" href="">创建班级</a>
    						<a class="common-btn" href="">加入班级</a>
    					</div>
    						
    					<div class="clearfix"></div>
    				</div>
    				<div class="myclass-notice">
    					<div class="myclass-notice-title"><h3>班级公告栏</h3></div>
    					<div class="myclass-notice-content">暂无公告!</div>
    				</div>
    			</div>
    			
    			<div class="pr silder-wrap">
    				<div class="sider-title pr">
    					班级作业
    				</div>
    				<div class="class-work-container pr">
    					<ul>
    						<li>
    							<span>语文作业</span>
    							<span>（2011-10-20）</span>
    							<span><a href="#">附件下载</a></span>
    							<span><a href="#">查看作业详情</a></span>
    						</li>
    						<li>
    							<span>语文作业</span>
    							<span>（2011-10-20）</span>
    							<span><a href="#">附件下载</a></span>
    							<span><a href="#">查看作业详情</a></span>
    						</li>
    						<li>
    							<span>语文作业</span>
    							<span>（2011-10-20）</span>
    							<span><a href="#">附件下载</a></span>
    							<span><a href="#">查看作业详情</a></span>
    						</li>
    						<li>
    							<span>语文作业</span>
    							<span>（2011-10-20）</span>
    							<span><a href="#">附件下载</a></span>
    							<span><a href="#">查看作业详情</a></span>
    						</li>
    						<li>
    							<span>语文作业</span>
    							<span>（2011-10-20）</span>
    							<span><a href="#">附件下载</a></span>
    							<span><a href="#">查看作业详情</a></span>
    						</li>
    					</ul>
    				</div>
    			</div>
    			
    			<div class="pr silder-wrap">
    				<div class="sider-title pr">
    					班级话题
    				</div>
    				<div class="class-topic-container pr">
    					<ul>
    						<li class="pr">
    							<span class="class-topic-title"><a href="#">这里是话题的标题。。。。。。。。。</a></span>
    							<span><a href="#">某某某</a></span> 发表于
    							<span>2011-10-20</span>
    						</li>
    						<li class="pr">
    							<span class="class-topic-title"><a href="#">这里是话题的标题。。。。。。。。。</a></span>
    							<span><a href="#">某某某</a></span> 发表于
    							<span>2011-10-20</span>
    						</li>
    						<li class="pr">
    							<span class="class-topic-title"><a href="#">这里是话题的标题。。。。。。。。。</a></span>
    							<span><a href="#">某某某</a></span> 发表于
    							<span>2011-10-20</span>
    						</li>
    						<li class="pr">
    							<span class="class-topic-title"><a href="#">这里是话题的标题。。。。。。。。。</a></span>
    							<span><a href="#">某某某</a></span> 发表于
    							<span>2011-10-20</span>
    						</li>
    						<li class="pr">
    							<span class="class-topic-title"><a href="#">这里是话题的标题。。。。。。。。。</a></span>
    							<span><a href="#">某某某</a></span> 发表于
    							<span>2011-10-20</span>
    						</li>
    					</ul>
    				</div>
    			</div>
    			
    			<div class="pr silder-wrap">
    				<div class="sider-title pr">
    					班级老师
    				</div>
    				<div class="class-container pr">
    					<ul>
    						<li class="pr">
    							<div class="myclass-head">
    								<a href="myclassdetail.html"><img width="50" height="50" src="styles/images/heroicYang.jpg" alt="heroicYang"></a>
    							</div>
    							<div class="myclass-info">
    								<div>某某某</div>
    								<div>06级3班</div>
    							</div>
    						</li>
    						<li class="pr">
    							<div class="myclass-head">
    								<a href="myclassdetail.html"><img width="50" height="50" src="styles/images/heroicYang.jpg" alt="heroicYang"></a>
    							</div>
    							<div class="myclass-info">
    								<div>某某某</div>
    								<div>06级3班</div>
    							</div>
    						</li>
    						<li class="pr">
    							<div class="myclass-head">
    								<a href="myclassdetail.html"><img width="50" height="50" src="styles/images/heroicYang.jpg" alt="heroicYang"></a>
    							</div>
    							<div class="myclass-info">
    								<div>某某某</div>
    								<div>06级3班</div>
    							</div>
    						</li>
    						<li class="pr">
    							<div class="myclass-head">
    								<a href="myclassdetail.html"><img width="50" height="50" src="styles/images/heroicYang.jpg" alt="heroicYang"></a>
    							</div>
    							<div class="myclass-info">
    								<div>某某某</div>
    								<div>06级3班</div>
    							</div>
    						</li>
    					</ul>
    					<div class="clearfix"></div>
    				</div>
    			</div>
    			
    			<div class="pr silder-wrap">
    				<div class="sider-title pr">
    					班级学生
    				</div>
    				<div class="class-container pr">
    					<ul>
    						<li class="pr">
    							<div class="myclass-head">
    								<a href="myclassdetail.html"><img width="50" height="50" src="styles/images/heroicYang.jpg" alt="heroicYang"></a>
    							</div>
    							<div class="myclass-info">
    								<div>某某某</div>
    								<div>06级3班</div>
    							</div>
    						</li>
    						<li class="pr">
    							<div class="myclass-head">
    								<a href="myclassdetail.html"><img width="50" height="50" src="styles/images/heroicYang.jpg" alt="heroicYang"></a>
    							</div>
    							<div class="myclass-info">
    								<div>某某某</div>
    								<div>06级3班</div>
    							</div>
    						</li>
    						<li class="pr">
    							<div class="myclass-head">
    								<a href="myclassdetail.html"><img width="50" height="50" src="styles/images/heroicYang.jpg" alt="heroicYang"></a>
    							</div>
    							<div class="myclass-info">
    								<div>某某某</div>
    								<div>06级3班</div>
    							</div>
    						</li>
    						<li class="pr">
    							<div class="myclass-head">
    								<a href="myclassdetail.html"><img width="50" height="50" src="styles/images/heroicYang.jpg" alt="heroicYang"></a>
    							</div>
    							<div class="myclass-info">
    								<div>某某某</div>
    								<div>06级3班</div>
    							</div>
    						</li>
    						<li class="pr">
    							<div class="myclass-head">
    								<a href="myclassdetail.html"><img width="50" height="50" src="styles/images/heroicYang.jpg" alt="heroicYang"></a>
    							</div>
    							<div class="myclass-info">
    								<div>某某某</div>
    								<div>06级3班</div>
    							</div>
    						</li>
    						<li class="pr">
    							<div class="myclass-head">
    								<a href="myclassdetail.html"><img width="50" height="50" src="styles/images/heroicYang.jpg" alt="heroicYang"></a>
    							</div>
    							<div class="myclass-info">
    								<div>某某某</div>
    								<div>06级3班</div>
    							</div>
    						</li>
    					</ul>
    					<div class="clearfix"></div>
    				</div>
    			</div>
    			
    		</div>
    		<div class="rightwrap">
    			<div class="pr silder-wrap myclass-nav">
    				<div class="myclass-menu-wrap pr">
    					<div class="myclass-menu-drop">
    						<a class="myclass-menu" href="#">我的班级</a>
    					</div>
    					<a class="back-to-classlist" href="myclass.html">返回班级列表>></a>
    					<div class="clearfix"></div>
    				</div>
    				<ul>
    					<li><a class="myclass-nav-active" href="#">班级首页</a></li>
    					<li><a href="#">班级话题</a></li>
    					<li><a href="#">班级公告</a></li>
    					<li><a href="#">班级作业</a></li>
    					<li><a href="#">班级信箱</a></li>
    					<li><a href="#">成员管理</a></li>
    					<li><a href="#">学生学号设定</a></li>
    					<li><a href="#">班级职务</a></li>
    					<li><a href="#">成绩管理</a></li>
    				</ul>
    			</div>
    			
    			<div class="interest-user-wrap pr">
    				<div class="sider-title">
    					可能感兴趣的人
    					<span class="change-interest-user">换一批</span>
    				</div>
    				<div class="iu-category-wrap pr">
    					<ul>
    						<li><a href="#">好友</a></li>
    						<li><a href="#">班级</a></li>
    						<li class="iu-category-last"><a href="#">群组</a></li>
    					</ul>
    				</div>
    				<div class="interest-user pr">
    					<ul>
    						<li class="interest-user-li">
    							<div class="interest_user_head">
									<img width="50" height="50" src="styles/images/heroicYang.jpg" alt="heroicYang">
								</div>
								<div class="interest_user_info">
									<ul>
										<li><a href="#" target="_blank">heroicYang</a></li>
										<li>四川成都</li>
									</ul>
								</div>
								<div class="interest-user-plus">
									<a class="plus-user-btn" href="javascript:;" title="加关注">+关注</a>
								</div>
    						</li>
    						<li class="interest-user-li">
    							<div class="interest_user_head">
									<img width="50" height="50" src="styles/images/heroicYang.jpg" alt="heroicYang">
								</div>
								<div class="interest_user_info">
									<ul>
										<li><a href="#" target="_blank">heroicYang</a></li>
										<li>四川成都</li>
									</ul>
								</div>
								<div class="interest-user-plus">
									<a class="plus-user-btn" href="javascript:;" title="加关注">+关注</a>
								</div>
    						</li>
    						<li class="interest-user-li">
    							<div class="interest_user_head">
									<img width="50" height="50" src="styles/images/heroicYang.jpg" alt="heroicYang">
								</div>
								<div class="interest_user_info">
									<ul>
										<li><a href="#" target="_blank">heroicYang</a></li>
										<li>四川成都</li>
									</ul>
								</div>
								<div class="interest-user-plus">
									<a class="plus-user-btn" href="javascript:;" title="加关注">+关注</a>
								</div>
    						</li>
    						<li class="interest-user-li">
    							<div class="interest_user_head">
									<img width="50" height="50" src="styles/images/heroicYang.jpg" alt="heroicYang">
								</div>
								<div class="interest_user_info">
									<ul>
										<li><a href="#" target="_blank">heroicYang</a></li>
										<li>四川成都</li>
									</ul>
								</div>
								<div class="interest-user-plus">
									<a class="plus-user-btn" href="javascript:;" title="加关注">+关注</a>
								</div>
    						</li>
    					</ul>
    				</div>
    			</div>
    		</div>
    	</div>
    	<div class="pr footer">
    		<ul>
    			<li><a href="#">关于我们</a></li>
    			<li><a href="#">使用条款</a></li>
    			<li><a href="#">新手教程</a></li>
    			<li><a href="#">诚聘英才</a></li>
    			<li><a href="#">商务合作</a></li>
    			<li><a href="#">联系我们</a></li>
    		</ul>
    	</div>
    </body>
</html>